<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>tiptap marks 标记 - itxst.com</title>
    <meta name="keywords" content="tiptap marks 标记" />
    <meta name="description" content="tiptap marks 可以对 node 节点应用一个或多个标记，比如添加内联样式(粗体、斜体)或其他附加信息。" />
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <meta http-equiv="Content-Language" content="zh-CN">
    <link rel="shortcut icon" href="/img/favicon.ico" type="image/x-icon" />
    <link href="/css/zt.css?ver=1.6.6" rel="stylesheet" type="text/css" media="all" />
    <script type="text/javascript" language="javascript" src="/js/jquery.js?ver=1.6.6"></script>
    <script type="text/javascript" src="/js/highlight/highlight.min.js?ver=1.6.6"></script>
    <link rel="stylesheet" type="text/css" href="/js/highlight/styles/vs2015x.css?ver=1.6.6">
    <script type="text/javascript" language="javascript" src="/js/comm.js?ver=1.6.6"></script>
    <script type="text/javascript" language="javascript" src="/js/zt.js?ver=1.6.6"></script>
    <script type="text/javascript" charset="utf-8" src="/js/layer/layer.js?ver=1.6.6"></script>
    <link rel="alternate" media="only screen and(max-width: 640px)" href="http://m.itxst.com/tiptap/marks.html" >
    <!--[if lte IE 9]>
    <script src="/js/respond/respond.js?ver=1.6.6"></script>
    <![endif]-->
</head>
<body>
    <div class="body"  >
        <div class="header">
            <div class="naver">
                <div class="logo">
                    <a href="/"><img src="/img/logov31.png" /></a>
                </div>
                <div class="naver-left">
                 <a href="/tiptap/tutorial.html">tiptap 中文文档</a>
                </div>
                <div class="naver-search">
                    <div class="naver-search-txt">
                        <input type="text" id="keyword" placeholder="Please enter the keyword" data-topic="tiptap">
                    </div>
                    <div class="naver-search-btn"><a href="javascript:void(0)" onclick="Search()">Search</a></div>
                </div>
                 <div class="naver-right"> 
                        <a href="/ag-grid/tutorial.html">AG-GRID</a> 
                        <a href="/tiptap/tutorial.html">Tiptap</a> 
                        <a href="/css-flex/tutorial.html">CSS-FLEX</a> 
                        <a href="/Bootstrap-Table/QuickStart.html">Bootstrap-Table</a> 
                </div>
            </div>
            <div class="path">
                
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="pagew">
        <div class="page" >
            <div class="page-body">
                <div class="content-detail">
                    <h1>tiptap marks 标记</h1>
               
               <p class="p">tiptap <b>marks</b> 可以对 <b>node</b> 节点应用一个或多个标记，比如添加内联样式(粗体、斜体)或其他附加信息。</p><h2>支持的Marks列表</h2><div class="xst-table"><table interlaced="enabled"><tbody><tr class="firstRow"><th style="border-color: rgb(221, 221, 221); word-break: break-all;">名称<br/></th><th style="border-color: rgb(221, 221, 221); word-break: break-all;">StarterKit（核心）</th><th style="border-color: rgb(221, 221, 221); word-break: break-all;">源码</th></tr><tr class="ue-table-interlace-color-single"><td valign="top" style="border-color: rgb(221, 221, 221); word-break: break-all;"><a href="/tiptap/2m6bzqij.html" target="_blank">Bold</a></td><td valign="top" style="border-color: rgb(221, 221, 221); word-break: break-all;">Included</td><td valign="top" style="border-color: rgb(221, 221, 221);"><a href="https://github.com/ueberdosis/tiptap/blob/main/packages/extension-bold/" target="_blank">github</a><br/></td></tr><tr class="ue-table-interlace-color-double"><td valign="top" style="border-color: rgb(221, 221, 221); word-break: break-all;"><a href="j2yzin77.html" target="_blank">Code</a></td><td valign="top" style="border-color: rgb(221, 221, 221); word-break: break-all;">Included</td><td valign="top" style="border-color: rgb(221, 221, 221);"><a href="https://github.com/ueberdosis/tiptap/blob/main/packages/extension-code/" target="_self">github</a><br/></td></tr><tr class="ue-table-interlace-color-single"><td valign="top" style="border-color: rgb(221, 221, 221); word-break: break-all;"><a href="mfezuej2.html" target="_blank">Highlight</a></td><td valign="top" style="border-color: rgb(221, 221, 221);"><br/></td><td valign="top" style="border-color: rgb(221, 221, 221);"><a href="https://github.com/ueberdosis/tiptap/blob/main/packages/extension-highlight/" target="_self">github</a><br/></td></tr><tr class="ue-table-interlace-color-double"><td valign="top" style="border-color: rgb(221, 221, 221); word-break: break-all;"><a href="6fquiarf.html" target="_blank">Italic</a></td><td valign="top" style="border-color: rgb(221, 221, 221); word-break: break-all;">Included</td><td valign="top" style="border-color: rgb(221, 221, 221);"><a href="https://github.com/ueberdosis/tiptap/blob/main/packages/extension-italic/" target="_self">github</a><br/></td></tr><tr class="ue-table-interlace-color-single"><td valign="top" style="border-color: rgb(221, 221, 221); word-break: break-all;"><a href="ijiajfnm.html" target="_blank">Link</a></td><td valign="top" style="border-color: rgb(221, 221, 221);"><br/></td><td valign="top" style="border-color: rgb(221, 221, 221);"><a href="https://github.com/ueberdosis/tiptap/blob/main/packages/extension-link/" target="_self">github</a><br/></td></tr><tr class="ue-table-interlace-color-double"><td valign="top" style="border-color: rgb(221, 221, 221); word-break: break-all;"><a href="6vfiiunz.html" target="_blank">Strike</a></td><td valign="top" style="border-color: rgb(221, 221, 221); word-break: break-all;">Included</td><td valign="top" style="border-color: rgb(221, 221, 221);"><a href="https://github.com/ueberdosis/tiptap/blob/main/packages/extension-subscript/" target="_self" textvalue="github">github</a><br/></td></tr><tr class="ue-table-interlace-color-single"><td valign="top" style="border-color: rgb(221, 221, 221); word-break: break-all;"><a href="nyznjqfn.html" target="_blank">Subscript</a></td><td valign="top" style="border-color: rgb(221, 221, 221);"><br/></td><td valign="top" style="border-color: rgb(221, 221, 221);"><a href="https://github.com/ueberdosis/tiptap/blob/main/packages/extension-superscript/" target="_self">github</a><br/></td></tr><tr class="ue-table-interlace-color-double"><td valign="top" style="border-color: rgb(221, 221, 221); word-break: break-all;"><a href="http://ufjeeqrm.html" target="_blank">Superscript</a></td><td valign="top" style="border-color: rgb(221, 221, 221);"><br/></td><td valign="top" style="border-color: rgb(221, 221, 221);"><a href="https://github.com/ueberdosis/tiptap/blob/main/packages/extension-superscript/" target="_self">github</a><br/></td></tr><tr class="ue-table-interlace-color-single"><td valign="top" style="border-color: rgb(221, 221, 221); word-break: break-all;"><a href="mrzbqrii.html" target="_blank">TextStyle</a></td><td valign="top" style="border-color: rgb(221, 221, 221); word-break: break-all;">Included</td><td valign="top" style="border-color: rgb(221, 221, 221);"><a href="https://github.com/ueberdosis/tiptap/blob/main/packages/extension-text-style/" target="_self">github</a><br/></td></tr><tr class="ue-table-interlace-color-double"><td valign="top" style="border-color: rgb(221, 221, 221); word-break: break-all;"><a href="arumim7r.html" target="_blank">Underline</a></td><td valign="top" style="border-color: rgb(221, 221, 221);"><br/></td><td valign="top" style="border-color: rgb(221, 221, 221);"><a href="https://github.com/ueberdosis/tiptap/blob/main/packages/extension-underline/" target="_self">github</a><br/></td></tr></tbody></table></div>
                  <h2>Bold 粗体</h2>
                    <p class="p">tiptap Bold 使文本加粗显示，如果在编辑器的初始内容中使用了strong、b 标记或带有内联样式属性的文本也将以粗体展示。 </p><a href="/tiptap/2m6bzqij.html" title="tiptap Bold 粗体">点击访问>></a>
                  <h2>Code 标签</h2>
                    <p class="p">tiptap Code 扩展渲染成 html 的 code 标签，code 标签里的内容并不会被浏览器解析，而是可以原样输出显示，使用可以用来显示代码。 </p><a href="/tiptap/j2yzin77.html" title="tiptap Code 标签">点击访问>></a>
                  <h2>Highlight 高亮标记</h2>
                    <p class="p">你可以使用 tiptap 的 Highlight 扩展来高亮标记，比如设置红色背景、蓝色背景。 </p><a href="/tiptap/mfezuej2.html" title="tiptap Highlight 高亮标记">点击访问>></a>
                  <h2>Italic 斜体</h2>
                    <p class="p">tiptap Italic 以斜体呈现文本，如果在编辑器的初始内容中传递 em、i 标签或具有设置font-style: italic的内联样式属性的文本，那么它们都以斜体呈现。 </p><a href="/tiptap/6fquiarf.html" title="tiptap Italic 斜体">点击访问>></a>
                  <h2>Link 超链接</h2>
                    <p class="p">tiptap Link 扩展支持在文档中创建超链接，tiptap没有提供UI界面，添加删除编辑 URL 链接你需要通过tiptap命令来执行，粘贴的url将自动转换为链接。 </p><a href="/tiptap/ijiajfnm.html" title="tiptap Link 超链接">点击访问>></a>
                  <h2>Strike 删除符</h2>
                    <p class="p">tiptap Strike 扩展会渲染成删除符，内联样式 text-decoration: line-through 有同样的效果。 </p><a href="/tiptap/6vfiiunz.html" title="tiptap Strike 删除符">点击访问>></a>
                  <h2>Subscript 下标</h2>
                    <p class="p">tiptap Subscript 下标扩展，和html的sub标签和内联样式的vertical-align: sub有相同的效果。 </p><a href="/tiptap/nyznjqfn.html" title="tiptap Subscript 下标">点击访问>></a>
                  <h2>TextStyle 文本样式</h2>
                    <p class="p">tiptap TextStyle 标记呈现为 span 标签，您能够添加样式相关的属性，例如font-family、font-size或color,默认情况下，扩展不添加任何样式属性，但其他扩展以它作为基础，例如FontFamily或Color扩展。 </p><a href="/tiptap/mrzbqrii.html" title="tiptap TextStyle 文本样式">点击访问>></a>
                  <h2>Underline 下划线</h2>
                    <p class="p">tiptap Underline 扩展可以将选择的文本增加下划线，如果在tiptap的初始内容中使用 u标 标签或者使用text-decoration: underline的内联样式，它们都显示下划线。 </p><a href="/tiptap/arumim7r.html" title="tiptap Underline 下划线">点击访问>></a>
                  <h2>Superscript 上标</h2>
                    <p class="p">tiptap Superscript 上标扩展，和html的sup标签和内联样式的vertical-align: super有相同的效果。 </p><a href="/tiptap/ufjeeqrm.html" title="tiptap Superscript 上标">点击访问>></a>
 
               <h2>
    下载教程 Demo
</h2>
<p class="pe">
   本教程<b>Demo</b>的源码点击这里下载，<a href="https://img1.itxst.com/8/c/8c32fcdc12cb8847c62e405be8a73835.zip" target="_blank" textvalue="Tiptap Demo">Tiptap Demo</a>，下载完成后运行<b>npm i</b>初始化依赖包。
</p>
                </div>
                <div class="content-r">   <a href="/tiptap/tutorial.html" target="_self">
                     <img src="https://img1.itxst.com/0/9/09355b3592a0c16799b504a9f2a70303.png" alt="tiptap 中文文档" />
                    </a>                                                <a href="//www.itxst.com/vue-draggable/tutorial.html" target="_blank">
                                <img src="//img1.itxst.com/b/f/bf9af8368dfac84cd703ef54e1e89d14.png" alt="vue.draggable" />
                            </a>
 
                </div>
            </div>
            <div class="home-menu scroll">
                <div class="tree">
      <a data-level="1" class="leve-1   doc-1   " href="/tiptap/tutorial.html" title="tiptap 中文文档">快速入门</a>
      <a data-level="1" class="leve-1    arrow-1" href="/tiptap/configuration.html" title="Guide 向导">Guide 向导</a>
      <a data-level="1" class="leve-1    arrow-2" href="/tiptap/api.html" title="tiptap api 列表">API 列表</a>
      <a data-level="2" class="leve-2   doc-1   " href="/tiptap/methods.html" title="tiptap editor 方法">tiptap 方法</a>
      <a data-level="2" class="leve-2   doc-1   " href="/tiptap/attrs.html" title="tiptap 属性">tiptap 属性</a>
      <a data-level="2" class="leve-2   doc-1   " href="/tiptap/settings.html" title="titap 配置">titap 配置</a>
      <a data-level="2" class="leve-2    arrow-1" href="/tiptap/uaqmeemr.html" title="tiptap commands 命令">commands 命令</a>
      <a data-level="2" class="leve-2    arrow-1" href="/tiptap/363qzvqv.html" title="nodes 节点">nodes 节点</a>
      <a data-level="2" class="leve-2     curr-dir arrow-2" href="/tiptap/marks.html" title="tiptap marks 标记">marks 标记</a>
      <a data-level="3" class="leve-3   doc-1   " href="/tiptap/2m6bzqij.html" title="tiptap Bold 粗体">Bold 粗体</a>
      <a data-level="3" class="leve-3   doc-1   " href="/tiptap/j2yzin77.html" title="tiptap Code 标签">Code 标签</a>
      <a data-level="3" class="leve-3   doc-1   " href="/tiptap/mfezuej2.html" title="tiptap Highlight 高亮标记">Highlight 高亮标记</a>
      <a data-level="3" class="leve-3   doc-1   " href="/tiptap/6fquiarf.html" title="tiptap Italic 斜体">Italic 斜体</a>
      <a data-level="3" class="leve-3   doc-1   " href="/tiptap/ijiajfnm.html" title="tiptap Link 超链接">Link 超链接</a>
      <a data-level="3" class="leve-3   doc-1   " href="/tiptap/6vfiiunz.html" title="tiptap Strike 删除符">Strike 删除符</a>
      <a data-level="3" class="leve-3   doc-1   " href="/tiptap/nyznjqfn.html" title="tiptap Subscript 下标">Subscript 下标</a>
      <a data-level="3" class="leve-3   doc-1   " href="/tiptap/mrzbqrii.html" title="tiptap TextStyle 文本样式">TextStyle 文本样式</a>
      <a data-level="3" class="leve-3   doc-1   " href="/tiptap/arumim7r.html" title="tiptap Underline 下划线">Underline 下划线</a>
      <a data-level="3" class="leve-3   doc-1   " href="/tiptap/ufjeeqrm.html" title="tiptap Superscript 上标">Superscript 上标</a>
      <a data-level="2" class="leve-2    arrow-1" href="/tiptap/extensions.html" title="tiptap extensions 扩展">extensions 扩展</a>
                 </div>
                 <div  class="clearfix"></div>
            </div>
        </div>
        <div class="clearfix"></div>
           <div class="footer">
© 2023 itxst.com All rights reserved.
</div>

<script>
var _hmt = _hmt || [];
(function() {
  var hm = document.createElement("script");
  hm.src = "https://hm.baidu.com/hm.js?7e15ed96eb8133218e99de8bc1f5cb61";
  var s = document.getElementsByTagName("script")[0];
  s.parentNode.insertBefore(hm, s);
})();
</script>
       </div>
    </div> 
</body>
</html>
